@media only screen and (max-width:641px){
@charset "utf-8";

/*首页*/
.header{ display:none;}
.mySwiper1{ display:none;}

.mobile_bg{ width:100%; overflow:hidden; display:block; background:#FFF;}
.mobile_nav{ width:100%; overflow:hidden; border-top:1px solid #ccc; border-bottom:1px solid #ccc; position:relative; padding:0 0 5px 0; text-align:left;}
.mobile_logo{ display:inline-block; height:45px; margin-left:3%;}

.mobile_nav_in{ width:100%; overflow:hidden; float:left; display:none; background:#FFF; text-align:left;}
.mobile_nav_in>li{ float:left; width:100%; min-height:50px; border-bottom:1px solid #ccc;}
.mobile_nav_in>li>a{ float:left; display:block; width:92%; padding:0 4%; height:50px; line-height:50px; color:#333; font-size:15px; font-weight:bold;}
.mobile_nav_in>li>a>span{ float:right; width:10px; height:5px; background:url(../images/header7.png) no-repeat; margin-top:22.5px;}
.mobile_nav_in1{ float:left; width:100%; border:none; height:50px; outline:none; font-size:14px;}
.mobile_nav_in2{ float:left; width:20%; border:none; height:50px; outline:none; background:url(../images/index2.jpg) center center #d9d9d9 no-repeat;}

.mobile_nav_step1{}
.mobile_nav_step2{ width:100%; float:left; overflow:hidden; float:left; display:none;}
.mobile_nav_step2>li{ float:left; margin-left:4%; width:96%; min-height:50px; border-top:1px solid #ccc;}
.mobile_nav_step2>li>a{ float:left; display:block; width:95.8%; padding:0 4.2% 0 0; height:50px; line-height:50px; color:#333; font-size:14px;}
.mobile_nav_step2>li>a>span{ float:right; width:10px; height:5px; background:url(../images/header7.png) no-repeat; margin-top:22.5px;}

.mobile_nav_step3{}
.mobile_nav_step4{ width:100%; float:left; overflow:hidden; float:left; display:none;}
.mobile_nav_step4>li{ float:left; margin-left:4%; width:96%; min-height:50px; border-top:1px solid #ccc;}
.mobile_nav_step4>li>a{ float:left; display:block; width:95.8%; padding:0 4.2% 0 0; height:50px; line-height:50px; color:#333; font-size:14px;}
.mobile_nav_step4>li>a>span{ float:right; width:10px; height:5px; background:url(../images/header7.png) no-repeat; margin-top:22.5px;}

.mobile_nav_step5{}
.mobile_nav_step6{ width:100%; float:left; overflow:hidden; float:left; display:none;}
.mobile_nav_step6>li{ float:left; margin-left:4%; width:96%; min-height:50px; border-top:1px solid #ccc;}
.mobile_nav_step6>li>a{ float:left; display:block; width:100%; height:50px; line-height:50px; color:#333; font-size:14px;}

.header_mobile1{ width:33px; height:33px; position:absolute; right:3%; bottom:9px;}
.header_mobile1 .span1{ display:block; height:3px; background:#2f4192; width:33px; position:absolute; top:6px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_mobile1 .span2{ display:block; height:3px; background:#2f4192; width:33px; position:absolute; top:15px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_mobile1 .span3{ display:block; height:3px; background:#2f4192; width:33px; position:absolute; top:24px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

.header_mobile_in_open .span1{
	top:15px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.header_mobile_in_open .span2{ display:none;}
.header_mobile_in_open .span3{
	top:15px;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}

.mySwiper2 {
  display: block;
  width: 100%;
  height: auto;
  margin:0 auto 0 auto;
}
.mySwiper2 .swiper-slide {
  text-align: center;
  font-size: 12px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.mySwiper2 .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 0;
  position: relative; 
  z-index: 1;
}
.swiper-pagination2{ bottom:10px !important;}
.swiper-pagination2 .swiper-pagination-bullet{ width:10px; height:10px; border-radius:5px; background:#cccccc; outline:none; opacity:1; margin:0 5px !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-pagination2 .swiper-pagination-bullet-active{ width:25px; background:#99ca4a; opacity:1;}

.index1{ width:94%; margin:0 auto; overflow:hidden; padding:30px 0;}
.index1_1{ float:left; display:none; width:100%;}
.index1_2{ float:right; width:100%; overflow:hidden; text-align:left; margin-top:0;}
.index1_3{ float:left; width:100%; overflow:hidden; font-size:16px; color:#333; line-height:26px;}
.index1_4{ float:left; width:100%; overflow:hidden; font-size:14px; color:#666; line-height:24px; margin-top:5px;}
.index1_5{ float:left; width:100%; overflow:hidden; font-size:13px; color:#666; line-height:24px; margin-top:20px; min-height:0; position:relative; padding-bottom:30px;}
.index1_5:after{ content:""; width:60px; height:1px; background:#aeaeae; position:absolute; bottom:0; left:0;}
.index1_6{ float:left; width:108px; height:34px; line-height:34px; border:1px solid #d0d0d0; text-align:center; font-size:13px; color:#666; margin-top:30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index1_6:hover{ background:#2f4192; color:#FFF; border:1px solid #2f4192;}

.index2{ background:#2f4192;}
.index2_1{ width:94%; margin:0 auto; overflow:hidden; padding:30px 0;}
.index2_1 li{ float:left; overflow:hidden; width:50%; border-right:0; height:auto; min-height:130px; color:#FFF;}
.index2_1 li:nth-child(1){ width:calc(50% - 1px); border-left:0; border-right:1px solid #8893c1; border-bottom:1px solid #8893c1;}
.index2_1 li:nth-child(2){ width:50%; border-left:0; border-bottom:1px solid #8893c1;}
.index2_1 li:nth-child(3){ width:calc(50% - 1px); border-left:0; border-right:1px solid #8893c1;}
.index2_1 li:nth-child(4){ width:50%; border-left:0;}
.index2_2{ width:90%; font-size:24px; font-weight:bold; margin:20px auto 0 auto; overflow:hidden;}
.index2_2 span{ font-size:18px; font-weight:normal; vertical-align:top;}
.index2_3{ width:90%; font-size:13px; line-height:24px; margin:15px auto 0 auto; overflow:hidden;}

.index_title{ width:100%; overflow:hidden;}
.index_title1{ font-size:18px; color:#666; width:100%; line-height:28px;}
.index_title1 span{ font-weight:bold; color:#2f4192;}
.index_title2{ width:100%; line-height:24px; background:url(../images/index_title_bg.jpg) 0 13px repeat-x; margin-top:3px;}
.index_title2 span{ background:#FFF; padding:0 15px; font-size:12px; color:#666; font-weight:lighter;}

.index3{ width:auto; max-width:94%; overflow:hidden; margin:0 auto; padding:25px 0 30px 0;}
.index3_1{ float:left; display:block; width:48.5%; height:62.3vw; margin-top:6vw; position:relative; overflow:hidden;}
.index3_1 img{ display:block; width:100%; height:auto; min-height:56vw; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index3_1 div{ position:absolute; bottom:0; left:0; width:90%; padding:0 5%; background:url(../images/index3_6.png) repeat; height:40px; line-height:40px; font-size:14px; font-weight:bold; color:#FFF; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.index3_1:hover img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}

.index3_2{ float:right; overflow:hidden; margin-top:3vw; width:48.5%;}
.index3_2 li{ float:left; overflow:hidden; margin-left:0; width:100%; margin-top:3vw;}
.index3_2 li a{ display:block; width:100%; height:auto; overflow:hidden; position:relative;}
.index3_2 li a img{ display:block; width:100%; height:auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index3_2 li a div{ position:absolute; bottom:0; left:0; width:90%; padding:0 5%; background:url(../images/index3_6.png) repeat; height:40px; line-height:40px; font-size:14px; font-weight:bold; color:#FFF; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.index3_2 li a:hover img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}

.index3_3{ float:right; overflow:hidden; margin-top:3vw; width:100%;}
.index3_3 li{ float:left; overflow:hidden; margin-left:3%; width:48.5%;}
.index3_3 li:nth-child(1){ margin-left:0;}
.index3_3 li a{ display:block; width:100%; height:auto; overflow:hidden; position:relative;}
.index3_3 li a img{ display:block; width:100%; height:auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index3_3 li a div{ position:absolute; bottom:0; left:0; width:90%; padding:0 5%; background:url(../images/index3_6.png) repeat; height:40px; line-height:40px; font-size:14px; font-weight:bold; color:#FFF; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.index3_3 li a:hover img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}

.index3_4{ float:left; margin-top:20px; display:block; width:calc(100% - 2px); height:40px; line-height:40px; border:1px solid #2f4192; font-size:14px; color:#2f4192; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index3_4 span{ font-family:"宋体"; padding-left:10px;}
.index3_4:hover{ background:#2f4192; color:#FFF;}
.index3_5{ float:right; margin-top:15px; display:block; width:calc(100% - 2px); height:40px; line-height:40px; border:1px solid #2f4192; font-size:14px; color:#2f4192; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index3_5 span{ font-family:"宋体"; padding-left:10px;}
.index3_5:hover{ background:#2f4192; color:#FFF;}

.index4{ background:#fafafa;}
.index4_1{ width:94%; overflow:hidden; padding:25px 0 30px 0; margin:0 auto;}

.index_title3{ font-size:18px; color:#666; width:100%; line-height:28px; text-align:left;}
.index_title3 span{ font-weight:bold; color:#2f4192;}
.index_title4{ width:100%; line-height:24px; background:url(../images/index_title_bg.jpg) 0 13px repeat-x; margin-top:3px; overflow:hidden;}
.index_title4 span{ background:#fafafa; padding:0 15px 0 0; font-size:12px; color:#666; font-weight:lighter; float:left;}

.index4_swiper{ width:100%; overflow:hidden; margin-top:-32px;}
.index4_swiper1{ float:right; background:#fafafa;}
.mySwiper3 {
  float:left;
  width: 100%;
  height: auto;
  margin-top:30px;
}

.mySwiper3 .swiper-slide {
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.mySwiper3 .swiper-slide a{ display:block; overflow:hidden; border:1px solid #d9d9d9; padding-bottom:10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-button-prev3{ position:relative; float:right; width:40px; height:40px; background:url(../images/index4_4.png) center center no-repeat #FFF; border:1px solid #e4e4e4; top:0; margin:0 10px 0 0; left:auto; right:auto; outline:none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-button-prev3:hover{ background:url(../images/index4_4_1.png) center center no-repeat #0061b3; border:1px solid #0061b3;}
.swiper-button-prev3:after{ content:"";}
.swiper-button-next3{ position:relative; float:right; width:40px; height:40px; background:url(../images/index4_5.png) center center no-repeat #FFF; border:1px solid #e4e4e4; top:0; margin:0; left:auto; right:auto; outline:none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-button-next3:hover{ background:url(../images/index4_5_1.png) center center no-repeat #0061b3; border:1px solid #0061b3;}
.swiper-button-next3:after{ content:"";}

.index4_1 .more{ float:right; display:block; width:40px; height:40px; background:url(../images/index4_3.png) center center #FFF no-repeat; border:1px solid #e4e4e4; margin-left:20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index4_1 .more:hover{ background:url(../images/index4_3_1.png) center center #0061b3 no-repeat; border:1px solid #0061b3;}
.index4_2{ display:block; width:100%; height:auto;}
.index4_2 img{ display:block; width:100%; height:auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index4_3{ display:block; width:90%; overflow:hidden; padding:0 5%; text-align:left;}
.index4_4{ float:left; width:100%; height:26px; line-height:26px; font-size:15px; color:#4d4c4c; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index4_5{ float:left; width:100%; height:26px; line-height:24px; font-size:13px; color:#828282; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index4_1 .line{ float:left; width:35px; height:1px; background:#cfcece; margin-top:10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index4_6{ float:left; width:100%; height:22px; line-height:22px; font-size:12px; color:#828282; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.mySwiper3 .swiper-slide a:hover{ background:#2f4192;}
.mySwiper3 .swiper-slide a:hover .index4_4{ color:#FFF;}
.mySwiper3 .swiper-slide a:hover .index4_5{ color:#FFF;}
.mySwiper3 .swiper-slide a:hover .line{ background:#FFF;}
.mySwiper3 .swiper-slide a:hover .index4_6{ color:#FFF;}

.index5{ width:94%; overflow:hidden; margin:0 auto; padding:25px 0 20px 0;}
.index5_swiper{ width:100%; overflow:hidden; position:relative; margin-top:15px;}

.mySwiper4 {
  width: 88%;
  padding:10px 2%;
  height: auto;
  margin:0 auto;
}

.mySwiper4 .swiper-slide {
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.mySwiper4 .swiper-slide a{ display:block; width:calc(100% - 2px); overflow:hidden; border:1px solid #d9d9d9; padding-bottom:20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-button-prev4{ width:30px; height:60px; background:url(../images/index5_1.png) center center no-repeat #cccccc; outline:none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; left:0; top:50%; margin-top:-30px;}
.swiper-button-prev4:hover{ background:url(../images/index5_1.png) center center no-repeat #0061b3;}
.swiper-button-prev4:after{ content:"";}
.swiper-button-next4{ width:30px; height:60px; background:url(../images/index5_2.png) center center no-repeat #cccccc; outline:none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; right:0; top:50%; margin-top:-30px;}
.swiper-button-next4:hover{ background:url(../images/index5_2.png) center center no-repeat #0061b3;}
.swiper-button-next4:after{ content:"";}

.index5_1{ float:left; width:75px; overflow:hidden;}
.index5_2{ width:100%; overflow:hidden; font-size:13px; color:#b7cde5; height:30px; line-height:30px; background:#5492cd;}
.index5_3{ width:100%; overflow:hidden; font-size:20px; color:#FFF; height:40px; line-height:40px; background:#649dd2;}
.index5_4{ float:right; width:calc(100% - 115px); overflow:hidden; padding-right:20px; text-align:left; font-size:15px; font-weight:bold; color:#333; line-height:24px; height:48px; margin-top:25px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index5_5{ float:left; width:calc(100% - 40px); margin-left:20px; text-align:left; font-size:14px; color:#9a9a9a; line-height:24px; height:48px; overflow:hidden; border-top:1px solid #eeeeee; margin-top:20px; padding-top:20px;}
.index5_6{ float:left; font-size:14px; color:#bababa; margin-left:20px; margin-top:20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index5_6 span{ font-family:"宋体"; padding-left:10px;}
.mySwiper4 .swiper-slide a:hover .index5_4{ color:#02498b;}
.mySwiper4 .swiper-slide a:hover .index5_6{ color:#02498b;}
.mySwiper4 .swiper-slide a:hover{ -webkit-box-shadow:0px 0px 10px #ccc; -moz-box-shadow:0px 0px 10px #ccc; box-shadow:0px 0px 10px #ccc;}

.link{ width:94%; height:50px; margin:0 auto; background:#FFF; -webkit-box-shadow:0px 0px 5px #ccc; -moz-box-shadow:0px 0px 5px #ccc; box-shadow:0px 0px 5px #ccc; position:relative; z-index:10;}
.link1{ float:left; width:85px; height:50px; line-height:50px; background:#99ca4a; font-size:14px; color:#FFF;}
.mySwiper5 {
  float:left;
  margin-left:20px;
  width: calc(100% - 125px);
  height: auto;
}

.mySwiper5 .swiper-slide {
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.mySwiper5 .swiper-slide a{ float:left; display:block; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; height:24px; line-height:24px; color:#666; text-align:left; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; margin-top:13px;}
.mySwiper5 .swiper-slide a:hover{ color:#2f4192;}

.footer{ width:100%; overflow:hidden; background:#2f4192; padding-top:30px; margin-top:-25px; float:left; padding-bottom:30px;}
.footer_in{ width:94%; overflow:hidden; margin:0 auto;}
.footer_in1{ width:100%; overflow:hidden;}

.footer1{ display:table; margin:0 auto; overflow:hidden; display:none;}
.footer1 li{ float:left; background:url(../images/footer1.png) left center no-repeat; padding:0 25px; line-height:24px;}
.footer1 li:nth-child(1){ background:none;}
.footer1 li a{ font-size:14px; color:#FFF;}
.footer1 li a:hover{ text-decoration:underline;}

.footer2{ display:inline-table; margin:30px 3% 0 3%;}
.footer2 img{ display:block; width:107px; margin:0 auto;}
.footer2_1{ color:#acb3d3; line-height:20px; margin-top:10px;}

.footer3{ width:100%; overflow:hidden; font-size:12px; color:#FFF; line-height:24px; margin-top:30px;}
.footer3 a{ color:#FFF;}
.footer3 a:hover{ text-decoration:underline;}

.piaofu{ display:none;}

/*内页通用*/
.banner{ width:100%; height:220px; overflow:hidden; background-size:auto 100%; margin-top:0; position:relative;}
.banner_title{ width:94%; margin:0 auto; overflow:hidden;}
.banner_title1{ width:100%; overflow:hidden; font-size:20px; font-weight:bold; color:#443f40; line-height:30px; margin-top:50px;}
.banner_title .line{ width:20px; height:1px; background:#443f40; margin:5px auto 0 auto;}
.banner_title2{ width:100%; overflow:hidden; font-size:14px; color:#443f40; line-height:24px; margin-top:5px;}

.position{ position:absolute; left:0; bottom:0; width:100%; height:auto; background:url(../images/position_bg.png) repeat;}
.position1{ width:94%; height:auto; margin:0 auto; font-size:14px; text-align:left; font-family:"宋体"; line-height:30px; padding:5px 0;}
.position1 .img{ width:15px; height:14px; background:url(../images/position_img.png) center center no-repeat; background-size:auto 100%; margin-top:0; display:inline-block; vertical-align:text-bottom;}
.position1 a{ color:#000; font-family:"微软雅黑";}
.position1 a:last-child{ color:#2f4192; font-weight:bold;}

.search{ width:100%; height:64px; overflow:hidden; background:#e5e5e5; margin:30px auto 25px auto;}
.search1{ float:left; width:calc(27% - 2px); height:44px; border:1px solid #c7c7c7; background:#FFF; outline:none; margin-top:10px; margin-left:3%; font-size:14px; font-family:"微软雅黑";}
.search2{ float:left; width:calc(38% - 2px); height:42px; border:1px solid #c7c7c7; background:#FFF; outline:none; margin-top:10px; margin-left:3%; font-size:14px; font-family:"微软雅黑"; color:#666; padding:0 3%;}
.search3{ float:left; width:20%; height:44px; border:0; outline:none; margin-top:10px; font-size:14px; font-family:"微软雅黑"; font-weight:bold; color:#FFF; cursor:pointer; background:#99ca4a;}

/*proClass*/
.proClass{ width:94%; margin:0 auto; overflow:hidden; padding-bottom:30px;}

.proClass1{ width:100%; overflow:hidden;}
.proClass1 li{ float:left; overflow:hidden; margin-top:30px; width:48.5%; margin-right:3%;}
.proClass1 li:nth-child(3n){ margin-right:3%;}
.proClass1 li:nth-child(2n){ margin-right:0;}
.proClass1 li:nth-child(3n+1){ clear:none;}
.proClass1 li:nth-child(2n+1){ clear:left;}
.proClass1 li a{ display:block; position:relative; overflow:hidden;}
.proClass1 li a img{ display:block; width:100%; height:auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.proClass1 li a div{ position:absolute; left:0; bottom:0; width:90%; padding:0 5%; height:40px; line-height:40px; background:url(../images/index3_6.png) repeat; font-size:14px; font-weight:bold; color:#FFF; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.proClass1 li a:hover img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}

/*pro*/
.pro_nav{ width:100%; overflow:hidden; margin:0 auto 10px auto;}
.pro_nav li{ float:left; overflow:hidden; margin-right:10px; margin-bottom:15px;}
.pro_nav li:last-child{ margin-right:0;}
.pro_nav li a{ display:block; height:42px; line-height:42px; border:1px solid #e8e8e8; padding:0 10px; font-size:14px; color:#888888; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pro_nav li a.a_on{ background:#99ca4a; color:#FFF; border:1px solid #99ca4a;}
.pro_nav li a:hover{ background:#99ca4a; color:#FFF; border:1px solid #99ca4a;}

.pro{ width:100%; overflow:hidden;}
.pro li{ float:left; overflow:hidden; width:calc(48.5% - 2px); border:1px solid #e6e6e6; margin-top:30px; margin-right:3%;}
.pro li:nth-child(3n){ margin-right:3%;}
.pro li:nth-child(2n){ margin-right:0;}
.pro li:nth-child(3n+1){ clear:none;}
.pro li:nth-child(2n+1){ clear:left;}
.pro li a{ display:block; overflow:hidden; width:100%; position:relative;}
.pro li a .img{ overflow:hidden; width:100%;}
.pro li a img{ display:block; width:100%; height:auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pro1{ width:90%; padding:0 5%; margin:0 auto; overflow:hidden; border-top:1px solid #e6e6e6; text-align:left; padding-bottom:5px;}
.pro1_1{ width:100%; overflow:hidden; font-size:15px; font-weight:bold; color:#333; line-height:26px; margin-top:15px; white-space:nowrap; text-overflow:ellipsis; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pro1_2{ width:100%; overflow:hidden; font-size:14px; color:#666; line-height:26px; margin-top:5px; white-space:nowrap; text-overflow:ellipsis; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pro1_3{ width:100%; overflow:hidden; margin-top:14px; border-top:1px solid #b9b9b9; font-size:13px; color:#777777; font-family:"Arial"; height:40px; line-height:40px; background:url(../images/pro4.png) right center no-repeat; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pro li a:hover img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}
.pro li a:hover .pro1_1{ color:#2f4192;}
.pro li a:hover .pro1_3{ color:#2f4192; background:url(../images/pro4_1.png) right center no-repeat;}

.page{ width:100%; overflow:hidden; padding-top:20px;}
.page a{ display:inline-block; height:30px; line-height:30px; font-size:13px; color:#999; padding:0 10px; border:1px solid #c8c8c8; margin:10px 2px 0 2px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.page span{ display:inline-block; height:30px; line-height:30px; font-size:13px; color:#999; padding:0 10px; border:1px solid #c8c8c8; margin:10px 2px 0 2px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.page a:hover{ background:#99ca4a; color:#FFF; border:1px solid #99ca4a;}
.page span:hover{ background:#99ca4a; color:#FFF; border:1px solid #99ca4a;}

/*proIn*/
.proIn1{ width:94%; margin:0 auto; overflow:hidden; padding:20px 0 30px 0;}
.proIn1_1{ float:left; border:1px solid #fafafc; display:block; width:calc(100% - 2px); height:auto;}
.proIn1_2{ float:right; overflow:hidden; width:100%; text-align:left; margin-top:25px;}
.proIn1_3{ float:left; width:100%; overflow:hidden; font-size:16px; line-height:30px;}
.proIn1_4{ float:left; width:100%; overflow:hidden; font-size:14px; color:#5e5e5e; line-height:30px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; margin-top:15px; padding:20px 0;}
.proIn1_5{ float:left; display:block; width:80px; padding-left:50px; height:45px; line-height:43px; font-size:14px; color:#FFF; background:url(../images/download.png) 15px center no-repeat #99ca4a; margin-top:30px;}

.proIn2{ width:100%; height:44px; background:#f2f2f2;}
.proIn2_1{ width:94%; margin:0 auto; overflow:hidden;}
.proIn2_1 span{ display:block; float:left; font-size:16px; font-weight:bold; color:#2f4192; line-height:42px; background:#FFF; width:128px; border-left:1px solid #dedede; border-right:1px solid #dedede; border-top:1px solid #2f4192; border-bottom:1px solid #FFF;}

.proIn3{ width:94%; margin:0 auto; overflow:hidden; padding-bottom:10px;}
.proIn3 li{ float:left; width:100%; overflow:hidden; margin-top:30px;}
.proIn3 li:nth-child(2n) .proIn3_1{ float:left;}
.proIn3 li:nth-child(2n-1) .proIn3_1{ float:left;}
.proIn3 li:nth-child(2n) .proIn3_4{ float:left;}
.proIn3 li:nth-child(2n-1) .proIn3_4{ float:left;}
.proIn3_1{ width:100%; overflow:hidden; text-align:left;}
.proIn3_2{ width:100%; overflow:hidden; font-size:16px; color:#2f4192; line-height:30px; margin-top:20px;}
.proIn3_3{ width:100%; overflow:hidden; font-size:14px; color:#000000; line-height:30px; margin-top:10px;}
.proIn3_4{ display:block; width:100%; height:auto;}

.proIn_title{ width:94%; margin:0 auto; overflow:hidden; text-align:left; font-size:16px; color:#2f4192; line-height:30px; border-bottom:1px solid #e9e9e9; padding:0px 0 10px 0;}
.proIn_content{ width:94%; margin:0 auto; overflow:hidden; text-align:left; font-size:14px; color:#000; line-height:30px; padding:25px 0;}
.proIn_content img{ display:block; margin:0 auto; max-width:100%;}

.pageIn{ width:94%; margin:0 auto; overflow:hidden; border-top:1px solid #e6e6e9; position:relative; padding:20px 0 30px 0;}
.pageIn1{ float:left; max-width:calc(100% - 110px); overflow:hidden; clear:both; font-size:13px; line-height:24px; margin-top:10px; white-space:nowrap; text-overflow:ellipsis; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pageIn1 span{ color:#333; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pageIn1 a{ color:#333; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pageIn1:hover{ color:#2f4192;}
.pageIn1:hover span{ color:#2f4192;}
.pageIn1:hover a{ color:#2f4192;}
.pageIn1_1{ font-family:"宋体";}
.pageIn2{ display:block; position:absolute; right:0; top:35px; width:100px; height:45px; line-height:45px; background:#99ca4a; font-size:13px; color:#FFF; -webkit-border-radius:22.5px; -moz-border-radius:22.5px; border-radius:22.5px;}
.pageIn2 span{ font-family:"宋体"; font-size:16px; display:inline-block; vertical-align:middle;}

.recommend{ width:100%; overflow:hidden; background:#f2f2f2; border-top:1px solid #e6e6e6; padding:20px 0 60px 0;}
.recommend1{ width:94%; border-bottom:1px dashed #b9b8b8; margin:0 auto; overflow:hidden; text-align:left; font-size:16px; font-weight:bold; color:#333; line-height:22px; padding-bottom:15px;}
.recommend1 span{ color:#2f4192;}
.recommend1_1{ float:right; font-size:13px; font-weight:normal; color:#666;}
.recommend1_1:hover{ text-decoration:underline;}

.recommend2{ width:94%; overflow:hidden; margin:0 auto;}
.recommend2 li{ float:left; overflow:hidden; width:calc(48.5% - 2px); border:1px solid #e6e6e6; margin-top:25px; margin-right:3%;}
.recommend2 li:last-child{ margin-right:0;}
.recommend2 li:nth-child(2n){ margin-right:0;}
.recommend2 li a{ display:block; width:100%; overflow:hidden;}
.recommend2_1{ display:block; width:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.recommend2_2{ width:90%; padding:0 5%; height:40px; line-height:40px; background:#FFF; border-top:1px solid #e6e6e6; font-size:14px; color:#333; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position:relative; z-index:10;}
.recommend2 li a:hover .recommend2_2{ background:#2f4192; color:#FFF;}
.recommend2 li a:hover .recommend2_1{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}

/*service*/
.service{ width:100%; overflow:hidden;}
.service li{ width:100%; overflow:hidden; border-bottom:1px solid #f0f0f0; padding:30px 0;}
.service li a{ display:block; width:100%; overflow:hidden; position:relative;}
.service1{ float:left; display:block; width:150px; height:auto;}
.service2{ float:left; width:calc(94% - 180px); text-align:left; margin-left:3%;}
.service2_1{ float:left; width:100%; overflow:hidden; font-size:15px; color:#333; line-height:25px; white-space:nowrap; text-overflow:ellipsis; margin-top:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.service2_2{ float:left; width:100%; overflow:hidden; font-size:13px; color:#666; line-height:24px; margin-top:5px;}
.service2_3{ float:left; width:100%; overflow:hidden; font-size:14px; color:#666; line-height:24px; height:48px; margin-top:5px;}
.service3{ position:absolute; top:50%; right:0; margin-top:-15px; width:30px; height:30px; background:url(../images/service4.png) center center no-repeat #999999; background-size:auto 10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.service li a:hover .service2_1{ color:#005a98;}
.service li a:hover .service3{ background:url(../images/service4.png) center center no-repeat #005a98; background-size:auto 10px;}

/*serviceIn*/
.serviceIn{ width:94%; margin:0 auto; overflow:hidden; padding:25px 0 0 0;}
.serviceIn1{ width:100%; overflow:hidden; font-size:16px; font-weight:bold; color:#333; line-height:30px;}
.serviceIn2{ width:100%; overflow:hidden; font-size:13px; color:#666666; line-height:24px; margin-top:10px;}
.serviceIn3{ width:100%; overflow:hidden; margin-top:20px; border-top:1px solid #dedede; padding:25px 0; text-align:left; font-size:14px; color:#333; line-height:30px;}
.serviceIn3 img{ display:block; margin:0 auto; max-width:100%;}

.recommend3{ width:94%; overflow:hidden; margin:20px auto 0 auto;}
.recommend3 li{ float:left; overflow:hidden; margin-top:1px; font-size:14px; line-height:24px;}
.recommend3 li a{ float:left; color:#666;}
.recommend3 li span{ float:right; color:#929292; font-size:13px;}
.recommend3 li:nth-child(2n-1){ width:100%; border-right:0; padding:3px 0 3px 0;}
.recommend3 li:nth-child(2n){ width:100%; padding:3px 0 3px 0;}
.recommend3 li a:hover{ text-decoration:underline;}

/*solution*/
.solution{ width:100%; overflow:hidden; background:#f7f7f7; padding:30px 0;}
.solution1{ width:94%; margin:0 auto; overflow:hidden;}

.mySwiper6 {
  float:left;
  width: 100%;
  height: auto;
  overflow:hidden;
  position:relative;
}

.mySwiper6 .swiper-slide {
  text-align: center;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.mySwiper6 .swiper-slide .solution1_a {
  display: block;
  width: 100%;
  height:auto;
  position:relative;
}
.mySwiper6 .swiper-slide a img{ display:block; width:100%; height:auto;}
.mySwiper6 .swiper-slide a .solution1_1{ position:absolute; left:0; bottom:0; width:90%; padding:0 5%; height:50px; line-height:50px; background:url(../images/solution6.png) repeat; font-size:15px; color:#FFF; font-weight:bold; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.swiper-button-prev6{ top:15vw; margin-top:0; left:0; width:28px; height:50px; background:url(../images/solution7.png) center center no-repeat; background-size:28px 50px; outline:none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-button-prev6:hover{ filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.7;}
.swiper-button-prev6:after{ content:"";}
.swiper-button-next6{ top:15vw; margin-top:0; left:100%; margin-left:-28px; width:28px; height:50px; background:url(../images/solution8.png) center center no-repeat; background-size:28px 50px; outline:none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-button-next6:hover{ filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.7;}
.swiper-button-next6:after{ content:"";}

.solution1_2{ float:right; width:100%; overflow:hidden; text-align:left; margin-top:20px;}
.solution1_3{ float:left; height:18px; line-height:22px; border-left:5px solid #99ca4a; font-size:16px; font-family:"Arial"; padding-left:12px;}
.solution1_4{ float:left; width:100%; overflow:hidden; font-size:15px; color:#333; line-height:26px; margin-top:10px;}
.solution1_5{ float:left; width:100%; overflow:hidden; font-size:13px; color:#666; line-height:24px; margin-top:5px;}
.solution1_6{ float:left; width:100%; overflow:hidden; font-size:14px; color:#666; line-height:30px; margin-top:5px; height:60px;}
.solution1_7{ float:left; width:120px; height:40px; line-height:40px; font-size:14px; color:#FFF; background:#99ca4a; text-align:center; margin-top:15px;}

.solution2{ width:94%; margin:0 auto; overflow:hidden; padding:10px 0 30px 0;}
.solution2_1{ width:100%; overflow:hidden;}
.solution2_1 li{ float:left; margin-top:20px; width:calc(48.5% - 2px); margin-right:3%; border:1px solid #e6e6e6;}
.solution2_1 li:nth-child(3n){ margin-right:3%;}
.solution2_1 li:nth-child(2n){ margin-right:0;}
.solution2_1 li:nth-child(2n+1){ clear:left;}
.solution2_1 li a{ display:block; position:relative; overflow:hidden; width:100%; height:auto;}
.solution2_2{ display:block; width:100%; height:auto;}
.solution2_3{ position:absolute; z-index:10; bottom:-95px; left:0; background:url(../images/solution4.png) repeat; width:100%; height:135px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.solution2_4{ width:90%; padding:0 5%; height:40px; line-height:40px; font-size:15px; color:#FFF; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.solution2_5{ width:120px; height:40px; line-height:40px; background:#99ca4a; font-size:14px; color:#FFF; margin:0 auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.solution2_1 li a:hover .solution2_3{ bottom:-95px; background:url(../images/solution4_1.png) repeat;}
.solution2_1 li a:hover .solution2_4{ margin-top:0;}
.solution2_1 li a:hover .solution2_5{ margin-top:0;}

/*case*/
.case{ width:100%; overflow:hidden; margin:-20px auto 0 auto;}
.case li{ float:left; overflow:hidden; width:328px; margin-right:3%; margin-top:20px; width:48.5%;}
.case li:nth-child(3n){ margin-right:3%;}
.case li:nth-child(2n)+1{ clear:left;}
.case li:nth-child(2n){ margin-right:0;}
.case li a{ display:block; overflow:hidden; border:1px solid #d9d9d9; padding-bottom:10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.case .line{ float:left; width:35px; height:1px; background:#cfcece; margin-top:10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.case li a:hover{}
.case li a:hover .index4_2 img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}
.case li a:hover{ background:#2f4192;}
.case li a:hover .index4_4{ color:#FFF;}
.case li a:hover .index4_5{ color:#FFF;}
.case li a:hover .line{ background:#FFF;}
.case li a:hover .index4_6{ color:#FFF;}

/*news*/
.news{ width:94%; margin:0 auto; padding-bottom:30px;}
.news_list{ width:100%; margin:5px auto 0 auto;}
.news_list li{ float:left; width:calc(100% - 2px); overflow:hidden; border:1px solid #eeeeee; margin-top:20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news_list li a{ display:block; width:100%; overflow:hidden; padding:10px 0;}
.news1{ float:left; overflow:hidden; width:80px; margin-left:3%;}
.news1_1{ float:left; width:100%; overflow:hidden; height:30px; line-height:30px; background:#5492cd; color:#b7cde5; font-size:13px;}
.news1_2{ float:left; width:100%; overflow:hidden; height:35px; line-height:35px; background:#649dd2; color:#FFF; font-size:18px;}
.news2{ float:left; overflow:hidden; text-align:left; margin-left:3%; width:calc(91% - 80px);}
.news2_1{ float:left; width:100%; overflow:hidden; font-size:15px; font-weight:bold; color:#333; white-space:nowrap; text-overflow:ellipsis; line-height:28px; margin-top:5px;}
.news2_2{ float:left; width:100%; overflow:hidden; font-size:14px; color:#9a9a9a; white-space:nowrap; text-overflow:ellipsis; line-height:24px; margin-top:5px;}
.news_list li:hover{ -webkit-box-shadow:0px 0px 10px #eee; -moz-box-shadow:0px 0px 10px #eee; box-shadow:0px 0px 10px #eee;}

/*about*/
.about{ width:94%; margin:0 auto; overflow:hidden; padding:30px 0 30px 0;}

.about1{ width:100%; overflow:hidden;}
.about1 li{ float:left; width:100%; overflow:hidden; margin-top:30px;}
.about1 li:nth-child(2n-1) .about2{ float:right;}
.about1 li:nth-child(2n) .about2{ float:left;}
.about1 li:nth-child(2n-1) .about3{ float:left;}
.about1 li:nth-child(2n) .about3{ float:right;}
.about2{ display:block; width:100%;}
.about3{ width:100%; overflow:hidden; text-align:left;}
.about3_1{ float:left; width:100%; overflow:hidden; font-size:16px; color:#333; line-height:30px; margin-top:20px;}
.about3_2{ float:left; width:100%; overflow:hidden; font-size:14px; color:#666; line-height:25px; margin-top:6px;}
.about3_3{ float:left; width:100%; overflow:hidden; font-size:14px; color:#666; line-height:24px; margin-top:20px;}

/*人才招聘*/
.n_recruit{ width:100%; height:auto; margin:30px auto 0 auto; border:1px solid #f2f2f2; overflow:hidden; padding:20px 0; background:#FFF;}
.n_recruit1{ float:left; width:50%; height:310px; display:none;}
.n_recruit2{ float:right; width:90%; padding:0 5%; height:auto; text-align:left;
	/* Center slide text vertically */
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	display: block;
}
.n_recruit2_1{ width:100%; height:40px; overflow:hidden; font-size:16px; font-weight:bold; position:relative; line-height:24px;}
.n_recruit2_1 span{ width:40px; height:2px; background:#555555; position:absolute; bottom:0; left:0;}
.n_recruit2_2{ width:100%; overflow:hidden; font-size:13px; color:#666; line-height:30px; margin-top:25px; height:auto;}
.n_recruit2_3{ width:100%; overflow:hidden;}

.recruit1{ overflow:hidden; width:100%; margin:0 auto;}

.recruit3{ float:left; width:100%; margin-top:30px; overflow:hidden;}
.recruit3_1{ float:left; width:100%; overflow:hidden; line-height:20px; background:#99ca4a; text-align:center; font-size:13px; color:#FFF; padding:15px 0;}
.recruit3_2{ float:left; width:26%; padding:0 1%;}
.recruit3_3{ float:left; width:10%; padding:0 1%;}
.recruit3_4{ float:left; width:18%; padding:0 1%;}
.recruit3_5{ float:left; width:15%; padding:0 1%;}
.recruit3_6{ float:left; width:15%; padding:0 1%;}

.recruit4{ float:left; width:100%; overflow:hidden;}
.recruit4 li{ float:left; width:100%; overflow:hidden; border-bottom:1px solid #eeeeee; position:relative;}
.recruit4_1{ float:left; width:100%; overflow:hidden; text-align:center; font-size:13px; color:#999999;}
.recruit4_2{ float:left; width:26%; padding:20px 1%; line-height:20px;}
.recruit4_3{ float:left; width:10%; padding:20px 1%; line-height:20px;}
.recruit4_4{ float:left; width:18%; padding:20px 1%; line-height:20px;}
.recruit4_5{ float:left; width:15%; padding:20px 1%; line-height:20px;}
.recruit4_6{ float:left; width:15%; padding:20px 1%; line-height:20px;}
.recruit4_7{ float:left; width:6%; height:60px; background:url(../images/recruit2.jpg) center center no-repeat; background-size:auto 10px; cursor:pointer;}

.recruit4_8{ font-size:13px; color:#666; line-height:30px; padding:20px 0; border-bottom:1px solid #e5e5e5;}
.recruit4_9{ float:left; width:100%; overflow:hidden; padding:20px 0;}
.recruit4_10{ float:left; display:block; width:154px; height:44px; line-height:44px; text-align:center; background:#067b9e; font-size:14px; color:#FFF; display:none;}
.recruit4_11{ float:left; font-size:13px; color:#666; height:auto; line-height:20px;}
.recruit4_12{ display:none; float:left; width:94%; background:#f7f7f7; text-align:left; padding:0 3%;}

/*contact*/
.contact{ width:94%; overflow:hidden; margin:0 auto; padding:30px 0 30px 0;}

.contact1{ width:100%; overflow:hidden; background:none; margin-top:30px;}
.contact1_1{ float:left; width:100%; overflow:hidden; text-align:left;}
.contact1_2{ float:left; width:100%; overflow:hidden; font-size:15px; color:#00649c; line-height:28px;}
.contact1_3{ float:left; width:100%; overflow:hidden; font-size:20px; font-weight:bold; color:#00649c; line-height:30px;}
.contact1_4{ float:left; width:100%; overflow:hidden; margin-top:20px;}
.contact1_4 li{ float:left; font-size:14px; color:#666; line-height:30px; padding-left:25px; width:calc(100% - 25px);}
.contact1_4 li:nth-child(1){ background:url(../images/contact1_1.png) left 9px no-repeat;}
.contact1_4 li:nth-child(2){ background:url(../images/contact1_2.png) left 10px no-repeat;}
.contact1_4 li:nth-child(3){ background:url(../images/contact1_3.png) 1px 8px no-repeat;}
.contact1_5{ float:right; width:100%; border-left:1px solid #e5e5e5; padding:30px 0 0 0;}
.contact1_6{ float:left; overflow:hidden; width:48%; padding:0 1%;}
.contact1_7{ display:block; margin:0 auto; width:107px;}
.contact1_8{ width:100%; font-size:13px; color:#666; line-height:20px; margin-top:10px;}

.map{ width:100%; height:240px;}

.contact2{ width:100%; overflow:hidden; background:url(../images/contact3.jpg) center center no-repeat #f6f6f6; background-size:cover; padding:25px 0 30px 0;}
.contact2_1{ width:94%; overflow:hidden; margin:0 auto;}

.feedback{ width:100%; overflow:hidden; margin:0 auto; padding-bottom:30px;}
.feedback_l{ float:left; overflow:hidden; width:100%; padding-right:0;}
.feedback_r{ float:right; overflow:hidden; width:100%; padding-left:0;}
.feedback_b{ float:left; width:100%; overflow:hidden;}
.feedback .input1{ float:left; width:calc(94% - 2px); padding:0 3%; height:42px; line-height:42px; overflow:hidden; background:#FFF; font-size:15px; font-family:"First"; color:#333; border:1px solid #cecece; outline:none; margin-top:25px;}
.feedback .input2{ float:left; width:calc(69% - 2px); padding:0 3%; height:42px; line-height:42px; overflow:hidden; background:#FFF; font-size:15px; font-family:"First"; color:#333; border:1px solid #cecece; outline:none; margin-top:25px;}
.feedback .textarea1{ float:left; width:calc(94% - 2px); padding:8px 3%; height:105px; line-height:26px; overflow:hidden; background:#FFF; font-size:15px; font-family:"First"; color:#333; border:1px solid #cecece; outline:none; margin-top:25px;}
.feedback .button1{ width:108px; height:40px; border:1px solid #99ca4a; background:#99ca4a; cursor:pointer; -webkit-border-radius:23px; -moz-border-radius:23px; border-radius:23px; font-size:15px; font-family:"First"; color:#FFF; outline:none; margin-top:25px; float:left; position:relative; left:49%; margin-left:-110px;}
.feedback .button2{ width:108px; height:40px; border:1px solid #cccccc; background:#FFF; cursor:pointer; -webkit-border-radius:23px; -moz-border-radius:23px; border-radius:23px; font-size:15px; font-family:"First"; color:#464646; outline:none; margin-top:25px; float:left; position:relative; left:51%;}

.valid_code1{ float:left; margin-top:25px; display:block; height:44px; width:25%; cursor:pointer;}

}